﻿@model blacksoft.Models.GenerateReservaModel
@{
    ViewBag.Title = "Programacion";
    Layout = "~/Views/Shared/_LayoutCliente.cshtml";
}


<div class="block big">
    <div class="block_cont">

        <input type="hidden" id="hdnTipoReserva" value="@Model.TipoReserva" />

        <input type="hidden" id="hdnNroProgramacionSeleccionado" value="0" />
        <input type="hidden" id="hdnNroProgramacionSeleccionadoVuelta" value="0" />

        <input type="hidden" id="hdnNroAsientoSeleccionado" value="0" />
        <input type="hidden" id="hdnNroAsientoSeleccionadoVuelta" value="0" />
        <!--FIN ::::  OBJETOS GENERALES PROCESO GENERAR RESERVA -->
        <div style="width:1000px; margin-left:auto;margin-right:auto;">
            <div id="pnlListadoProgramacion">
                <h3>PASO 1: Programacion de Ruta</h3><br /><br />
                <h6>Programacion IDA</h6>
                <table class="data-table" style="width:100%;">
                    <thead>
                        <tr>
                            <th>&nbsp;</th>
                            <th>Origen</th>
                            <th>Destino</th>
                            <th>Fec. Salida</th>
                            <th>Servicio</th>
                            <th>Precio</th>
                        </tr>
                    </thead>
                    @foreach (var item in Model.listaProgramacionViaje)
                    {
                        <tr>
                            <td><input type="radio" name="rdSeleccionProgramacion" value="@item.IdProgramcionViaje" onclick="javascript: seleccionProgramacionViaje2(this.value);" /></td>
                            <td>@item.Origen</td>
                            <td>@item.Destino</td>
                            <td>@item.FechaSalida</td>
                            <td>@item.DescriptionTipoServicio</td>
                            <td>@item.Precio</td>
                        </tr>
                    }
                </table>
                @{

                    if (!Model.TipoReserva.Equals("IDA"))
                    {
                        <br /><br />
                        <h6>Programacion VUELTA</h6>
                        <table class="data-table" style="width:100%;">
                            <thead>
                                <tr>
                                    <th>&nbsp;</th>
                                    <th>Origen</th>
                                    <th>Destino</th>
                                    <th>Fec. Salida</th>
                                    <th>Servicio</th>
                                    <th>Precio</th>
                                </tr>
                            </thead>
                            @foreach (var item in Model.listaProgramacionViajeVuelta)
                            {
                                <tr>
                                    <td><input type="radio" name="rdSeleccionProgramacionVuelta" value="@item.IdProgramcionViaje" onclick="javascript: seleccionProgramacionViajeVuelta2(this.value);" /></td>
                                    <td>@item.Origen</td>
                                    <td>@item.Destino</td>
                                    <td>@item.FechaSalida</td>
                                    <td>@item.DescriptionTipoServicio</td>
                                    <td>@item.Precio</td>
                                </tr>
                            }
                        </table>
                    }
                }
                <div style="text-align:center !important;">
                    <input type="button" style="padding:15px; vertical-align:middle;" value="Regresar" id="btnRegresarNuevaReserva2" />&nbsp;&nbsp;&nbsp;
                    <input type="button" style="padding:15px; vertical-align: middle;" value="Continuar" id="btnContinuarSeleccionAsientos2" />
                </div>
            </div>

            <div id="pnlSeleccionAsientos" style="display:none;">
                <h3>PASO 2: Seleccion Asiento</h3><br />
                <table style="width:100%;">
                    <tr>
                        <td style="width:250px;">
                            <table id="AsientosIda" class="pnlAsientos">
                                <tr>
                                    <td><input type="button" class="libre" id="1" value="1" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="2" value="2" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td></td>
                                    <td><input type="button" class="libre" id="3" value="3" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="4" value="4" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                </tr>
                                <tr>
                                    <td><input type="button" class="libre" id="5" value="5" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="6" value="6" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td></td>
                                    <td><input type="button" class="libre" id="7" value="7" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="8" value="8" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                </tr>
                                <tr>
                                    <td><input type="button" class="libre" id="9" value="9" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="10" value="10" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td></td>
                                    <td><input type="button" class="libre" id="11" value="11" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="12" value="12" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                </tr>
                                <tr>
                                    <td><input type="button" class="libre" id="13" value="13" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="14" value="14" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td></td>
                                    <td><input type="button" class="libre" id="15" value="15" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="16" value="16" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                </tr>
                                <tr>
                                    <td><input type="button" class="libre" id="17" value="17" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="18" value="18" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td></td>
                                    <td><input type="button" class="libre" id="19" value="19" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="20" value="20" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                </tr>
                                <tr>
                                    <td><input type="button" class="libre" id="21" value="21" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="22" value="22" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td></td>
                                    <td><input type="button" class="libre" id="23" value="23" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="24" value="24" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                </tr>
                                <tr>
                                    <td><input type="button" class="libre" id="25" value="25" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="26" value="26" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="27" value="27" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="28" value="28" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                    <td><input type="button" class="libre" id="29" value="29" onclick="javascript: seleccionAsientos2(this.value);" /></td>
                                </tr>
                            </table>
                        </td>
                        <td valign="middle">
                            <table style="width:280px;margin-left:auto;margin-right:auto;" class="formularioDatos">
                                <tr>
                                    <td colspan="2" style="background: #495362; height:20px; color: white; font-weight: bold; text-align: center; ">ASIENTO SELECCIONADO IDA</td>
                                </tr>
                                <tr>
                                    <td><label>SERVICIO</label></td>
                                    <td><span id="spanServicio"></span></td>
                                </tr>
                                <tr>
                                    <td><label>NRO ASIENTO</label></td>
                                    <td><span id="spanNroAsiento"></span></td>
                                </tr>
                                <tr>
                                    <td><label>PRECIO</label></td>
                                    <td><span id="spanPrecio"></span></td>
                                </tr>
                            </table>
                            @{
                                if (!Model.TipoReserva.Equals("IDA"))
                                {
                                    <br /><br />
                                    <table style="width:280px;margin-left:auto;margin-right:auto;" class="formularioDatos">
                                        <tr>
                                            <td colspan="2" style="background: #495362; height:20px; color: white; font-weight: bold; text-align: center; ">ASIENTO SELECCIONADO VUELTA</td>
                                        </tr>
                                        <tr>
                                            <td><label>SERVICIO</label></td>
                                            <td><span id="spanServicioVuelta"></span></td>
                                        </tr>
                                        <tr>
                                            <td><label>NRO ASIENTO</label></td>
                                            <td><span id="spanNroAsientoVuelta"></span></td>
                                        </tr>
                                        <tr>
                                            <td><label>PRECIO</label></td>
                                            <td><span id="spanPrecioVuelta"></span></td>
                                        </tr>
                                    </table>
                                }
                            }
                        </td>
                        <td>
                            @{
                                if (!Model.TipoReserva.Equals("IDA"))
                                {
                                    <table id="AsientosVuelta" class="pnlAsientos">
                                        <tr>
                                            <td><input type="button" class="libre" id="t1" value="1" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t2" value="2" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td></td>
                                            <td><input type="button" class="libre" id="t3" value="3" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t4" value="4" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                        </tr>
                                        <tr>
                                            <td><input type="button" class="libre" id="t5" value="5" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t6" value="6" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td></td>
                                            <td><input type="button" class="libre" id="t7" value="7" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t8" value="8" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                        </tr>
                                        <tr>
                                            <td><input type="button" class="libre" id="t9" value="9" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t10" value="10" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td></td>
                                            <td><input type="button" class="libre" id="t11" value="11" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t12" value="12" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                        </tr>
                                        <tr>
                                            <td><input type="button" class="libre" id="t13" value="13" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t14" value="14" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td></td>
                                            <td><input type="button" class="libre" id="t15" value="15" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t16" value="16" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                        </tr>
                                        <tr>
                                            <td><input type="button" class="libre" id="t17" value="17" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t18" value="18" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td></td>
                                            <td><input type="button" class="libre" id="t19" value="19" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t20" value="20" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                        </tr>
                                        <tr>
                                            <td><input type="button" class="libre" id="t21" value="21" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t22" value="22" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td></td>
                                            <td><input type="button" class="libre" id="t23" value="23" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t24" value="24" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                        </tr>
                                        <tr>
                                            <td><input type="button" class="libre" id="t25" value="25" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t26" value="26" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t27" value="27" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t28" value="28" onclick="javascript: seleccionAsientosVuelta2(this.value);" /></td>
                                            <td><input type="button" class="libre" id="t29" value="29" onclick="javascript: seleccionAsientosVuelta(this.value);" /></td>
                                        </tr>
                                    </table>
                                }
                            }
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3">&nbsp;</td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            <input type="button" class="ocupado" /> Ocupado ..... <input type="button" class="reservado" /> Reservado ..... <input type="button" class="libre" /> Libre
                        </td>
                    </tr>
                </table>

                <div style="text-align:center;">
                    <input type="button" style="padding:15px;" value="Regresar" id="btnRegresarListadoProgramacionViaje" onclick="javascript: stepListadoProgramacionViaje2();" />
                    <input type="button" style="padding:15px;" value="Continuar" id="btnContinuarRegistroPasajero2" />
                </div>
            </div>



            <div id="pnlRegistroDatosPasajero" style="display:none;">
                <h3>PASO 3: Informacion de Pasajero</h3><br />
                <table class="formularioDatos">
                    <tr>
                        <td>@Html.LabelFor(c => c.pasajeroDatos.TipoDocumentos)</td>
                        <td>
                            <select id="TipoDocumento">
                                <option value="">Seleccione</option>
                                <option value="DNI">DNI</option>
                                @*<option value="CCE">Carnet de extranjeria</option>*@
                            </select>
                        </td>
                        <td><label>Nro Doc</label></td>
                        <td><input type="text" id="pasajeroDNI" tabindex="1" onkeypress="return isNumberKey(event, 'mensajeAdvertencia');" /></td>
                    </tr>
                    <tr>
                        <td>@Html.LabelFor(c => c.pasajeroDatos.Nombre)</td>
                        <td><input type="text" id="pasajeroNombre" tabindex="2" onkeypress="return soloLetras(event, 'mensajeAdvertencia');" /></td>
                        <td>@Html.LabelFor(c => c.pasajeroDatos.Telefono)</td>
                        <td><input type="text" id="pasajeroTelefono" tabindex="8" maxlength="7" onkeypress="return isNumberKey(event, 'mensajeAdvertencia');" /></td>
                    </tr>
                    <tr>
                        <td>@Html.LabelFor(c => c.pasajeroDatos.ApellidoPaterno)</td>
                        <td><input type="text" id="pasajeroApPaterno" tabindex="3" onkeypress="return soloLetras(event, 'mensajeAdvertencia');" /></td>
                        <td>@Html.LabelFor(c => c.pasajeroDatos.FechaNacimiento)</td>
                        <td><input type="date" class="datetime" id="pasajeroFecNacimiento" tabindex="9" value="" /></td>
                    </tr>
                    <tr>
                        <td>@Html.LabelFor(c => c.pasajeroDatos.ApellidoMaterno)</td>
                        <td><input type="text" id="pasajeroApMaterno" tabindex="4" onkeypress="return soloLetras(event, 'mensajeAdvertencia');" /></td>
                        <td>@Html.LabelFor(c => c.pasajeroDatos.Email)</td>
                        <td><input type="text" id="pasajeroEmail" tabindex="10" value="" /></td>
                    </tr>
                    <tr>
                        <td>@Html.LabelFor(c => c.pasajeroDatos.Direccion)</td>
                        <td colspan="3"><input type="text" id="pasajeroDireccion" tabindex="5" style="width:100%;" /></td>
                    </tr>
                    <tr>
                        <td>Refrigerio</td>
                        <td>
                            <select id="Refrigerio" tabindex="6">
                                <option value="">Seleccione</option>
                                <option value="Vegetariano">Vegetariano</option>
                                <option value="Carne">Carne</option>
                                <option value="Pollo">Pollo</option>
                            </select>
                        </td>
                        <td>Almuerzo</td>
                        <td>
                            <select id="Almuerzo" tabindex="7">
                                <option value="">Seleccione</option>
                                <option value="Vegetariano">Vegetariano</option>
                                <option value="Carne">Carne</option>
                                <option value="Pollo">Pollo</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="4">&nbsp;</td>
                    </tr>
                    <tr>
                        <td colspan="4"><span style="color:red; font-weight:bold;" id="mensajeAdvertencia"></span></td>
                    </tr>
                    <tr>
                        <td colspan="4">
                            <div style="background:yellow; display:none; padding:5px;" id="pnlMenorEdad">
                                Usted esta registrando un menor de edad recuerde que debe ir acompañado de un adulto!
                            </div>
                        </td>
                    </tr>
                </table>
                <div style="text-align:center;">
                    <input type="button" style="padding:15px;" value="Regresar" id="btnRegresarSeleccionAsientos" onclick="javascript: stepSeleccionAsientos2();" />
                    <input type="button" style="padding:15px;" value="Agregar y Registrar Nuevo Pasajero" id="btnAgregarNuevoPasajero" onclick="javascript: agregarPasajeroTemporal2();" />
                    <input type="button" style="padding:15px;" value="Generar Reserva" id="btnGenerarReserva" onclick="javascript: generarReserva2();" />
                </div>
            </div>


        </div>
    </div>
</div>
